<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>静态页面</title>
	<link rel="stylesheet" type="text/css" href="">
	<script type="text/javascript" src=""></script>
</head>
<script type="text/javascript">

	function open() {
		$("#add").dialog("open");
	}
	function _dblclick() {
		if (clickTimer) {
			window.clearTimeout(clickTimer);
			clickTimer = null;
		}
		alert("你双击了我");
	}
	<img src="/i/eg_mouse2.jpg" alt="mouse"
		onmouseover="alert('您的鼠标在图片上！')"
	/>
	function inputOnBlur() {
		alert("文本框失云焦点");
	}
	window.onload = function () {
		var divObj = document.getElementById("div001");
		divObj.onmouseover = function () {
			alert("鼠标 进来 了");
		}
	}

</script>

<body>
	<table id="dg" style="width: 700px; height: 300px"
		data-options="singleSelect:true,collapsible:true,pagination:true,rownumbers:true,toolbar:'#tb'">
		<thead>
			<tr>
				<th data-options="field:'id',width:80">编号</th>
				<th data-options="field:'name',width:80">名称</th>
			</tr>
		</thead>
	</table>
	<div id="tb" style="padding: 2px 5px;">
		<a id="btnAdd" onclick="open()" href="#" class="easyui-linkbutton" iconCls="icon-add">创建</a>
	</div>
	<button onclick="_click();" ondblclick="_dblclick();">单击或双击<button>
			用户名:<input type="text" onblur="inputOnBlur();" />
			<div id="div001" style="width: 100px;height: 100px; background-color: red;">块标签</div>
</body>

</html>